<template>
    <div id="app">
        <div class="main">
              <!-- 路由视图 -->
              <router-view @getnineuid="getnineuid" @get-player-id="getPlayerId"  @get-play-all-id="getPlayAllId" :chenid="chenid" :mydeid="mydeid" @getmvplay-id="getmvplayId"></router-view>
              <player v-show="playerId"  :player-id="playerId" :list-id="listId" @set-player-id="setPlayerId" :nieuid="nieuid"></player>
              <mvplay :xinshipin="xinshipin" v-show="mvplayerId" :mvplayer-id="mvplayerId"  @setmv-player-id="setmvPlayerId" @getvhsow="getvhsow"></mvplay>
                 <!-- 底部导航 -->
              <foot-nav></foot-nav>
        </div>
    </div>
</template>

<script>
// import Mvplay from './components/base/mvplay.vue';
import player from "./components/base/player.vue"
import mvplay from "./components/base/mvplay.vue"
//引入底部导航
import footNav from "./components/base/footNav.vue"
export default {
    data(){
        return{
            playerId:null,
            listId:null,
            mvplayerId:null,
            chenid:1,
            mydeid:null,
            nieuid:null,
            songerid:null,
            xinshipin:true
        }
    },
    methods:{
        getPlayerId(id){
            // console.log(id);
            this.playerId=id;
        },
        getPlayAllId(id){
            this.listId=id;
        },
        setPlayerId(id){
            this.playerId=id;
        },
        getmvplayId(id){
            console.log("getmv",id)
            this.mvplayerId=id
        },
         setmvPlayerId(id){
            this.mvplayerId=id;
            console.log("setmv",id)
        },
        getvhsow(){
            this.mvplayerId=""
            // this.xinshipin =!this.xinshipin 
        },
        getnineuid(id){
            this.nieuid=id
            console.log("app",id)
        },
        getsongerid(id){
            this.songerid=id
        }

      
    },
    created(){
        console.log(this.$route.params.obj);
        this.nieuid=this.$route.params.obj
    },
    // watch:{

    // },
    components:{
        player,
        mvplay,
        footNav
    }
}
</script>

<style lang="less">
 @import "./assets/css/base.css";
 

</style>